<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Yong 餐厅</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="shortcut icon" href="../static/img/fav.png">
        <meta name="author" content="colorlib">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta charset="UTF-8">

        <link rel="stylesheet" href="../static/css/linearicons.css">
        <link rel="stylesheet" href="../static/css/font-awesome.min.css">
        <link rel="stylesheet" href="../static/css/bootstrap.css">
        <link rel="stylesheet" href="../static/css/magnific-popup.css">
        <link rel="stylesheet" href="../static/css/jquery-ui.css">
        <link rel="stylesheet" href="../static/css/nice-select.css">
        <link rel="stylesheet" href="../static/css/animate.min.css">
        <link rel="stylesheet" href="../static/css/owl.carousel.css">
        <link rel="stylesheet" href="../static/css/style.css">
        <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Ephesis&display=swap" rel="stylesheet"> 
    </head>
        <body>
            <header id="header">
                <div class="container main-menu">
                    <div class="row">
                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                            <a class="navbar-brand" href="index.html">Yong dining hall</a>
                        </div>
                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                            <div class="row align-items-center justify-content-center d-flex">
                                <nav id="nav-menu-container">
                                    <ul class="nav-menu">
                                        <li><a href="../templates/index.html">首页</a></li>
                                        <li><a href="../templates/about.html">关于</a></li>
                                        <li><a href="../templates/menu.html">菜单</a></li>
                                        <li><a href="../templates/gallery.html">图画</a></li>
                                        <li><a href="../templates/contact.html">联系：留言</a></li>
                                    </ul>
                                </nav>
                                <!-- #nav-menu-container -->
                            </div>
                        </div>
                    </div>    
                </div>
            </header>
            <!-- #header -->
			
            <!-- start banner Area -->
            <div class="container-xxl">
                <section class="banner-area">		
                    <div class="container">
                        <div class="row">
                            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <div class="banner-content">
                                    <h6 class="text-white animated slideInLeft">Enjoy Our</h6>
                                    <h1 class="text-white animated slideInLeft">美味佳肴</h1>
                                    <p class="text-white animated slideInLeft">
                                        美食餐厅，适合有品位有风格的人!  <br/>
												品尝不同!
                                    </p>
                                    <a href="../templates/menu.html" class="primary-btn text-uppercase animated slideInLeft">菜单</a>
                                </div>
                            </div>
                            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                <img class="img-fluid spin" src="../static/img/slider/dinner1.png" alt="">
                            </div>
                        </div>
                    </div>					
                </section>
            </div>    
            <!-- End banner Area -->

            <!-- About Our Start  -->
            <div class="container-xxl">
                <section class="home-about-area">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 home-about-left">
                                <h4>关于我们的</h4>
                                <div class="about-restaurant">
                                    <h1>RESTAURANT餐厅</h1>
                                </div>
                                <p>
                                    品尝无限的菜单满足难以置信的烹饪乐趣。品尝作者的鸡尾酒，将使您沉浸在加勒比海的气质。品味真正的节奏和心情的幸福，它会驱除一切平淡的思绪，为你的日常生活增添色彩!一个爱!一个心!让我们一起感受…
                                </p>
                                <a href="menu.html" class="primary-btn">完整的菜单</a>
                            </div>
                            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 home-about-right">
                                <img class="img-fluid img-about" src="../static/img/specialities/specialities1.png" alt="">
                            </div>
                        </div>
                    </div>	
                </section>
            </div>    
            <!-- About Our End -->
            
            <!-- Ftco Intro Start  -->
            <div class="container-xxl">
                <section class="ftco-section ftco-intro" style="background-image: url(../static/img/slider/info-slider.png);">
                    <div class="overlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 text-center">
                                <span>我们为您提供您喜欢的的食物。</span>
                                <h2>为您呈现非常生态友好的环境。</h2>
                            </div>
                        </div>
                    </div>
                </section>
            </div>    
            <!-- Ftco Intro End  -->

            <!-- Start Menu Area -->
            <section class="menu-area section-gap" id="menu">
                <div class="container">	
                    <ul class="filter-wrap filters col-lg-12 no-padding">
                        <li class="active" data-filter="*">所有的菜单</li>
                        <li data-filter=".breakfast">早餐</li>
                        <li data-filter=".lunch">午餐</li>
                        <li data-filter=".dinner">晚餐</li>
                        <li data-filter=".desserts">甜点</li>
                        <li data-filter=".salad">调料</li>
                        <li data-filter=".winecard">Wine Card</li>
                    </ul>
                </div>
                <div class="container">
                    <div class="filters-content">
                        <div class="row grid">
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all breakfast">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/breakfast/breakfast1.png" alt="Beef Roast Source"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>意大利面清酱面</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">￥29</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Meat</span>, <span>Potatoes</span>, 
                                        <span>Rice</span>, <span>Tomatoe</span>
                                    </p>                                       
                                </div>					                               
                            </div>                           
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all dinner">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/dinner/dinner1.png" alt="Cracked Black Pepper"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>蔬菜肉沙拉</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">￥9</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Meat</span>, <span>Potatoes</span>, 
                                        <span>Rice</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all breakfast">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/breakfast/breakfast2.png" alt="Tomato Toast with Macadamia"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>蕃茄吐司配澳洲坚果</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">￥19</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Meat</span>, <span>Potatoes</span>, <span>Rice</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all breakfast">
                                <div class="single-menu">
                                    <div class="menu-image"> 
                                        <img src="../static/img/breakfast/breakfast3.png" alt="Avocado Toast with Egg"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>牛油果吐司配鸡蛋</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">￥10</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Meat</span>, <span>Eggs</span>, <span>Avocado</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all lunch">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/lunch/lunch1.png" alt="Semolina Crusted Calamari"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>粗粒小麦粉陈年的鱿鱼</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">￥9</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Basil</span>, <span>Pesto</span>, <span>Rice</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all desserts">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/dessert/dessert1.png" alt="Chocolate Peanut Butter"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>香草，冰淇淋，巧克力酱</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">￥22</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Vanilla</span>, <span>Ice-Cream</span>, <span>Chocolate Sauce</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all salad">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/salad/salad1.png" alt="Vegetable Salad 5 Way"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4>蔬菜沙拉5种方法</h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">￥34</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Dressing</span>, <span>Honey</span>, <span>Lemon</span>, <span>Herb</span>
                                    </p>									
                                </div>
                            </div>
                            <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-12 all specialities">
                                <div class="single-menu">
                                    <div class="menu-image">
                                        <img src="../static/img/specialities/specialities1.png" alt="Smoked Pork Jowl with Pickles"/>
                                    </div>
                                    <div class="row">
                                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                                            <div class="menu-name title-wrap d-flex justify-content-between">
                                                <h4><酸菜熏猪肉></酸菜熏猪肉><Pickles></Pickles></h4>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                                            <div class="menu-price">
                                                <h4 class="price">￥29</h4>
                                            </div> 
                                        </div>
                                    </div>    
                                    <p class="menu-info">
                                        <span>Meat</span>, <span>Potatoes</span>, <span>Rice</span>, <span>Tomatoe</span>
                                    </p>									
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </section>
            <!-- End menu-area Area -->

            <!-- Start reservation Area -->
            <section class="reservation-area section-gap relative ftco-section ftco-intro" style="background-image: url(../static/img/slider/hotdeal.png);">
                <div class="overlay overlay-bg"></div>
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 reservation-left">
                            <h1 class="text-white">预定您的坐位，更好的方便您就餐！！</h1>
                            <p class="text-white pt-20">
                                工作要有耐心，工作要有耐心，工作要有耐心。但是最小毒液。不可逆劳动的鼻窦练习。
                            </p>
                        </div>
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12  reservation-right">
                            <form class="form-wrap text-center" action="/create">
                                <input type="text" class="form-control" name="name" placeholder="你的名字" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Name'" >
                                <input type="text" class="form-control" name="phone" placeholder="你的电话" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Phone Number'" >
                                <input type="email" class="form-control" name="eMail" placeholder="你的邮箱" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email Address'" >
                                <div class="form-select" id="service-select" > 
                                    <select name="money">
                                        <option data-display="">188</option>
                                        <option value="288">288</option>
                                        <option value="388">388</option>
                                        <option value="488">488</option>
                                        <option value="888">888</option>
                                        <option value="48999">48999</option>
                                    </select>
                                </div>
                                <input type="text" class="form-control date-picker" name="time" placeholder="选择时间" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Select Date & time'" >
                                <button class="primary-btn text-uppercase mt-20" >立即预定</button>
                            </form>
                        </div>
                    </div>
                </div>	
            </section>
            <!-- End reservation Area -->
			
            <!-- Start gallery-area Area -->
            <section class="gallery-area section-gap" id="gallery">
                <div class="container">
                    <div class="row d-flex justify-content-center">
                        <div class="menu-content pb-70 col-lg-8">
                            <div class="title text-center">
                                <h1 class="mb-10">Food and Customer Gallery</h1>
                                <p>Who are in extremely love with eco friendly system.</p>
                            </div>
                        </div>
                    </div>	
                </div>
                <div class="container-fluid">
                    <ul class="filter-wrap filters col-lg-12 no-padding">
                        <li class="active" data-filter="*">所有的菜单</li>
                        <li data-filter=".breakfast">早餐</li>
                        <li data-filter=".lunch">午餐</li>
                        <li data-filter=".dinner">晚餐</li>
                        <li data-filter=".desserts">甜点</li>
                        <li data-filter=".salad">调料</li>
                        <li data-filter=".winecard">Wine Card</li>
                    </ul>
                </div>
                <div class="container">                                       
                    <div class="filters-content">
                        <div class="row grid">
                            <div class="col-lg-4 col-md-6 col-sm-6 all breakfast">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../static/img/gallery/g1.jpg" alt="">
                            	</div>	                          
                            </div>                           
                            <div class="col-lg-4 col-md-6 col-sm-6 all dinner">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../static/img/gallery/g2.jpg" alt="">
                            	</div>                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 all budget-meal">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../static/img/gallery/g3.jpg" alt="">
                            	</div>                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 all breakfast">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../static/img/gallery/g4.jpg" alt="">
                            	</div>                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 all lunch">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../static/img/gallery/g5.jpg" alt="">
                            	</div>                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 all buffet">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../static/img/gallery/g6.jpg" alt="">
                            	</div>                            
                            </div>                            
                        </div>
                    </div>                    
                </div>
            </section>
            <!-- End gallery-area Area -->

            <!-- Start review Area -->
            <section class="ftco-section ftco-intro" style="background-image: url(../static/img/slider/info-slider.png);">
                <div class="overlay"></div>
                <div class="container">
                    <div class="row">
                        <div class="active-review-carusel">
                            <div class="single-review">
                                <img class="img-review" src="../static/img/client/user1.jpg" alt="">
                                <h4>John Gustavo</h4>
                                <div class="star">
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star"></span>								
                                </div>	
                                <p>
                                    “Wow this is a restaurant I plan on going to a thousand times over. 
                                    Located in the beautiful desire shores, 
                                    this was a fabulous dining experience. 
                                    The seating was better than I expected, and out of all the restaurants in desert shores.”
                                </p>
                            </div>
                            <div class="single-review">
                                <img class="img-review" src="../static/img/client/user2.png" alt="">
                                <h4>Hulda Sutton</h4>
                                <div class="star">
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>								
                                </div>	
                                <p>
                                    “Absolutely delicious food! Great service! Great atmosphere. 
                                    I recommend going first thing when they open. It wasn't too 
                                    crowded despite the lunchtime busyness. 
                                    A great way to celebrate my birthday early! I WILL BE COMING BACK!”
                                </p>
                            </div>	
                            <div class="single-review">
                                <img class="img-review" src="../static/img/client/user3.png" alt="">
                                <h4>Ying Peng</h4>
                                <div class="star">
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star"></span>								
                                </div>	
                                <p>
                                    “If you're looking for a fine dining with superb customer service... 
                                    this place is the gem! Been here last night, and everything is 
                                    absolutely amazing. Our server is the utmost attentive and 
                                    accommodating waiter I have encountered for the longest time...”
                                </p>
                            </div>
                            <div class="single-review">
                                <img class="img-review" src="../static/img/client/user4.png" alt="">
                                <h4>Andrew Marks</h4>
                                <div class="star">
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>								
                                </div>	
                                <p>
                                    “Wonderful and beautiful to have Sunday brunch here! 
                                    Food was excellent! The salad was so fresh and crispy. 
                                    The dressing was just mixed to perfect. And the main dish 
                                    of pasta and salmon was so tender and juicy. ”
                                </p>
                            </div>														
                        </div>
                    </div>
                </div>	
            </section>
            <!-- End review Area -->

            <!-- Start Chefs Area -->
            <section class="blog-area section-gap" id="blog">
                <div class="container">
                    <div class="row d-flex justify-content-center">
                        <div class="menu-content pb-70 col-lg-8">
                            <div class="title text-center">
                                <h1 class="mb-10">Chefs</h1>
                                <p>Our Master Chefs</p>
                            </div>
                        </div>
                    </div>					
                    <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6 single-blog">
                        <div class="thumb">
                                <img class="img-fluid" src="../static/img/cheffs/cheffs1.png" alt="">
                        </div>
                        <a class="chef-name">
                            <h4>Stafeny Rose</h4>
                            <span class="position mb-2">Head Of Kitchen</span>
                        </a>
                        <p>
                            I am an ambitious workaholic, but apart from that, pretty simple person.
                        </p>									
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 single-blog">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/img/cheffs/cheffs2.png" alt="">
                        </div>
                        <a class="chef-name">
                            <h4>Michelle Fraulen</h4>
                            <span class="position mb-2">Food Supervisor</span>
                        </a>
                        <p>
                            I am an ambitious workaholic, but apart from that, pretty simple person.
                        </p>									
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 single-blog">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/img/cheffs/cheffs3.png" alt="">
                        </div>
                        <a class="chef-name">
                            <h4>Alfred Smith</h4>
                            <span class="position mb-2">Head Cook</span>
                        </a>
                        <p>
                            I am an ambitious workaholic, but apart from that, pretty simple person.
                        </p>									
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 single-blog">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/img/cheffs/cheffs4.png" alt="">
                        </div>
                        <a class="chef-name">
                            <h4>Antonio Santibanez</h4>
                            <span class="position mb-2">Chef Cook</span>
                        </a>
                        <p>
                            I am an ambitious workaholic, but apart from that, pretty simple person.
                        </p>									
                    </div>    							
                </div>
            </div>	
        </section>
        <!-- End Chefs Area -->

        <!-- start footer Area -->
        <footer class="footer-area">
            <div class="footer-widget-wrap">
                <div class="container">
                    <div class="row section-gap">
                        <div class="col-lg-4  col-md-6 col-sm-6">
                            <div class="single-footer-widget">
                                <h4>Opening Hours</h4>
                                <ul class="hr-list">
                                    <li class="d-flex justify-content-between">
                                        <span>Monday - Friday</span> <span>08.00 am - 10.00 pm</span>
                                    </li>
                                    <li class="d-flex justify-content-between">
                                        <span>Saturday</span> <span>08.00 am - 10.00 pm</span>
                                    </li>
                                    <li class="d-flex justify-content-between">
                                        <span>Sunday</span> <span>08.00 am - 10.00 pm</span>
                                    </li>																				
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4  col-md-6 col-sm-6">
                            <div class="single-footer-widget">
                                <h4>Contact Us</h4>
                                <p>
                                    65 Thomas Street,New York 10016
                                </p>
                                <p class="number">
                                    (+1) 234 567 8901 <br>
                                    (+1) 234 567 8807
                                </p>
                                <p class="email">
                                    restaurant@website.com
                                </p>
                            </div>
                        </div>						
                        <div class="col-lg-4  col-md-6 col-sm-6">
                            <div class="single-footer-widget">
                                <h4>Newsletter</h4>
                                <p>You can trust us. we only send promo offers, not a single spam.</p>
                                <div class="d-flex flex-row" id="mc_embed_signup">
                                    <form class="navbar-form" action="#" method="get">
                                        <div class="input-group add-on align-items-center d-flex">
                                            <input class="form-control" name="email" placeholder="Your Email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email address'" required="" type="email">
                                            <div style="position: absolute; left: -5000px;">
                                                <input name="email" tabindex="-1" value="" type="text">
                                            </div>
                                            <div class="input-group-btn">
                                                <button class="genric-btn"><span class="lnr lnr-arrow-right"></span></button>
                                            </div>
                                        </div>
                                        <div class="info mt-20"></div>
                                    </form>
                                </div>
                            </div>
                        </div>						
                    </div>					
                </div>					
            </div>
            <div class="footer-bottom-wrap">
                <div class="container">
                    <div class="row footer-bottom d-flex justify-content-between align-items-center">
                        <p class="col-lg-8 col-md-6 col-sm-6 footer-text m-0">
                            Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights By <a href="http://www.bootstrapmb.com/">bootstrapmb</a> |
                        </p>
                        <ul class="col-lg-4 col-md-6 col-sm-6 social-icons text-right">
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-pinterest-square" aria-hidden="true"></i></a></li>            
                        </ul>
                    </div>						
                </div>
            </div>
        </footer>
        <!-- End footer Area -->

        <script src="../static/js/vendor/jquery-2.2.4.min.js"></script>
        <!--<script src="js/popper.min.js"></script>-->
        <!--<script src="js/vendor/bootstrap.min.js"></script>-->
        <!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDcfEdcYv9wIuEaCZnhuEowbh0Xc3G0OAQ"></script>-->
        <script src="../static/js/jquery-ui.js"></script>
        <script src="../static/js/easing.min.js"></script>
        <script src="../static/js/hoverIntent.js"></script>
        <script src="../static/js/superfish.min.js"></script>
        <script src="../static/js/jquery.ajaxchimp.min.js"></script>
        <script src="../static/js/jquery.magnific-popup.min.js"></script>
        <script src="../static/js/jquery.nice-select.min.js"></script>
        <script src="../static/js/owl.carousel.min.js"></script>
        <script src="../static/js/isotope.pkgd.min.js"></script>
        <script src="../static/js/mail-script.js"></script>
        <script src="../static/js/main.js"></script>
        <script src="../static/js/scroll.js"></script>
    </body>
</html>